import store from '@/store'
import axios from 'axios'
import { Message } from 'element-ui'
import util from '@/libs/util'
// 获取token
function getLocalToken() {
    const tokenHead = util.cookies.get('tokenHead')
    const token = util.cookies.get('token')
    return tokenHead + '\xa0' + token
}
// 创建一个 axios 实例
const service = axios.create({
    baseURL: process.env.VUE_APP_API,
    timeout: 5000, // 请求超时时间
    headers: { 'Content-Type': 'application/json;charset=utf-8' } // 设置传输内容的类型和编码
    // withCredentials: true // 指定某个请求应该发送凭据。允许客户端携带跨域cookie，也需要此配置
})

// 给实例添加一个setToken方法，用于登录后将最新token动态添加到header，同时将token保存在cookies中
service.setToken = (token) => {
    const tokenHead = util.cookies.get('tokenHead')
    service.defaults.headers['Authorization'] = tokenHead + '\xa0' + token
    util.cookies.set('token', token)
}

function refreshToken() {
    // service是当前index.js中已创建的axios实例
    return service.post('/refreshtoken').then(res => res.data)
}
// 创建一个错误
function errorCreate(msg) {
    const error = new Error(msg)
    errorLog(error)
    throw error
}

// 记录和显示错误
function errorLog(error) {
    // 添加到日志
    store.dispatch('d2admin/log/push', {
            message: '数据请求异常',
            type: 'danger',
            meta: {
                error
            }
        })
        // 打印到控制台
    if (process.env.NODE_ENV === 'development') {
        util.log.danger('>>>>>> Error >>>>>>')
        console.log(error)
    }
    // 显示提示
    Message({
        message: error.message,
        type: 'error',
        duration: 5 * 1000
    })
}
// 请求拦截器
service.interceptors.request.use(
    config => {
        // // 在请求发送之前做一些处理
        // const tokenHead = util.cookies.get('tokenHead')
        // const token = util.cookies.get('token')
        // console.log(token)

        // 让每个请求携带token--['Authorization'] 为自定义key 请根据实际情况自行修改
        config.headers['Authorization'] = getLocalToken()
        console.log(config.headers.Authorization)
        console.log(config)
        return config
    },
    error => {
        // 发送失败
        console.log(error)
        return Promise.reject(error)
    }
)

// 响应拦截器
// 是否正在刷新的标记
let isRefreshing = false
    // 重试队列，每一项将是一个待执行的函数形式
let requests = []
service.interceptors.response.use(
    response => {
        // dataAxios 是 axios 返回数据中的 data
        const dataAxios = response.data
            // 这个状态码是和后端约定的
        const { code } = dataAxios
        // 根据 code 进行判断
        if (code === undefined) {
            // 如果没有 code 代表这不是项目后端开发的接口 比如可能是 D2Admin 请求最新版本
            return dataAxios
        } else if (code === 401) {
            const config = response.config
            console.log(config)
            if (!isRefreshing) {
                isRefreshing = true
                return refreshToken().then(res => {
                    const { token } = res.data
                    service.setToken(token)
                    config.headers['Authorization'] = getLocalToken()
                    config.baseURL = ''
                        // 已经刷新了token，将所有队列中的请求进行重试
                    requests.forEach(cb => cb(token))
                    requests = []
                    return service(config)
                }).catch(res => {
                    console.error('refreshtoken error =>', res)
                    window.location.href = '/'
                }).finally(() => {
                    isRefreshing = false
                })
            } else {
                // 正在刷新token，将返回一个未执行resolve的promise
                return new Promise((resolve) => {
                    // 将resolve放进队列，用一个函数形式来保存，等token刷新后直接执行
                    requests.push((token) => {
                        config.baseURL = ''
                        config.headers['Authorization'] = token
                        resolve(service(config))
                    })
                })
            }
        } else {
            // 有 code 代表这是一个后端接口 可以进行进一步的判断
            switch (code) {
                case 200:
                    // [ 示例 ] code === 200 代表没有错误
                    return dataAxios.data
                case '500':
                    errorCreate(`[ code: 500 ] 操作失败 ${dataAxios.msg}: ${response.config.url}`)
                    break
                case '404':
                    errorCreate(`[ code: 404 ] 参数检验失败 ${dataAxios.msg}: ${response.config.url}`)
                    break
                    // case '401':
                    //     errorCreate(`[ code: 401 ] 未登录或token过期 ${dataAxios.msg}: ${response.config.url}`)
                    //     break
                case '403':
                    errorCreate(`[ code: 403 ] 没有相关权限 ${dataAxios.msg}: ${response.config.url}`)
                    break
                default:
                    // 不是正确的 code
                    errorCreate(`${dataAxios.msg}: ${response.config.url}`)
                    break
            }
        }
    },
    error => {
        if (error && error.response) {
            switch (error.response.status) {
                case 400:
                    error.message = '请求错误'
                    break
                case 401:
                    error.message = '未授权，请登录'
                    break
                case 403:
                    error.message = '拒绝访问'
                    break
                case 404:
                    error.message = `请求地址出错: ${error.response.config.url}`
                    break
                case 408:
                    error.message = '请求超时'
                    break
                case 500:
                    error.message = '服务器内部错误'
                    break
                case 501:
                    error.message = '服务未实现'
                    break
                case 502:
                    error.message = '网关错误'
                    break
                case 503:
                    error.message = '服务不可用'
                    break
                case 504:
                    error.message = '网关超时'
                    break
                case 505:
                    error.message = 'HTTP版本不受支持'
                    break
                default:
                    break
            }
        }
        errorLog(error)
        return Promise.reject(error)
    }
)
export default service